body{
	margin: 0;
	padding: 0;
	height: 3000px;
}
.bg{
	width: 100%;
	height: 100%;
	
}
.header{
	height: 82px;
	width: 100%;
	
}
.header-box{	
	width: 1380px;
	height: 35px;
	/*border: 1px solid  red;*/
	margin: 35px auto;
}
.logo1{
	margin-left: 15px;
}
ul{
	margin-left: 130px;
	margin-top: -30px;
}
ul li{
	
	list-style: none;
	float: left;
	margin-left: 30px;
	color: #323232;
	font-size: 16px;
	
}
ul li:hover{
	cursor: pointer;
	text-decoration:underline ;
}

ul li:nth-child(1){
	width: 100px;
	height: 45px;
	/*border: 1px solid red;*/
	text-align: center;
	line-height: 40px;
	margin-top: -12px;
	background-color: #eeeeee;
	border-radius: 5px;
}
ul li:nth-child(1):hover{
	background-color: red;
	color: white;
}
ul li:nth-child(8){
	margin-left: 200px;
}
/*.icon_search{

	margin-right: 100px;
	width: 20px;
	height: 20px;
}*/
.right{
	position: relative;
	right: -250px;
	top: -50px;
}
.right a{
	color: #333333;
	margin-left: 10px;
	text-decoration: none;
}
.right a:hover{
	color: mediumblue;
	text-decoration:underline
}
.header-bg{
	width: 100%;
	height: 540px;
	margin-top: -15px;
}
section{
	width: 100%;
	position: absolute;
	top: 650px;
	/*border: 1px solid red;*/
}
section{
	display: flex;	
	justify-content: center;
}
section div img:nth-child(1){
	width: 696px;
	height: 770px;
	
}
section div:nth-child(2) img{
	width: 710px;
	height: 375px;
}
section div:nth-child(3) img{
	width: 710px;
	height: 375px;	
}
.right-box div{
	margin-left: 15px;
}
.right-box div:nth-child(2){
	margin-top: 16px;
}
.two{
	width: 100%;
	position: absolute;	
	top: 1440px;
	height: 600px;
	/*border: 1px solid red;*/
	display: flex;

}
.two div:nth-child(1) img{
	width: 710px;
	height: 375px;
	
}
.two div:nth-child(2) img{
	width: 710px;
	height: 375px;
	
}
.two div:nth-child(1){
	margin-right: 18px;
}

.san{
	width: 100%;
	position: absolute;	
	top: 1830px;
	/*height: 542px;*/
	/*border: 1px solid red;*/
	/*display: flex;*/
	
}
.video{
	/*border: 1px solid red;*/
	width: 100%;
	height: 71px;
	position: absolute;
	top: 2050px;
	z-index: 9999;
	
}
.video img{
	width: 69px;
	height: 71px;
	margin-left: calc(50% - 35px);
}
.foot-one{
	width: 100%;
	height: 344px;
	background-color: #f5f5f5;
	/*border: 1px solid red;*/
	position: absolute;
	top: 2400px;
}
.foot-one{
	display: flex;
	justify-content: center;
}
.foot-one a{
	color: #333333;
	text-decoration: none;
}
.foot-one a:hover{
	color: cornflowerblue;
	text-decoration: underline;
}
.news{
	width: 371px;
}
.exhibitions{
	margin-left: 30px;
}
.exhibitions-one{
	margin-top: 63px;
	margin-left: 30px;
}
footer{
	width: 100%;
	background-color: #272727;
	/*border: 1px solid red;*/
	position: absolute;
	top: 2740px;
}
footer p{
	color: #cccccc;
	font-size: 14px;
}
footer p:hover{
	cursor: pointer;
	text-decoration: underline;
}
footer h4{
	color: #cccccc;
}
.footer{
   	display: flex;
   	justify-content: center;
    margin-left: -235px;
   }       
 .footer-box{
 	width: 100%;
 	height: 50px;
 	/*border: 1px solid red;*/
 }
 span{
 	color: #cccccc;
 	font-size: 12px;
 }
   .footer-box{
   	display: flex;
   	justify-content: center
   } 
  
    .footer-boxright{
    	margin-left: 620px;
    }
    
    .footer-box a{
    	color: #cccccc;
        font-size: 15px;
        text-decoration: none;
    }
     .footer-box a:hover{
     	 text-decoration: underline
     }
     
@keyframes slide{
	from{
		transform: translateX(0px);
		opacity: 1;
		
		
	}
	to{
		transform: translateX(-20px);
		opacity: 0.6;
	}
}
@keyframes top{
	from{
		transform: translateY(0px);
	}
	to{
		transform: translateY(-10px);
	}
}
.bg-1 img:hover{
	cursor: pointer;
	animation:slide 1s;
     animation-fill-mode:forwards;
}
.bg-1 p:hover{
	animation: top 1s;
	  animation-fill-mode:forwards;
}
.bg-1{
	width: 700px;
	height: 765px;
	/*border: 1px solid red;*/
	overflow: hidden;
	background-color: black;
}
  .bg-box{
  	width: 695px;
  	height: 375px;
  	background-color: #000000;
  	overflow: hidden;
  }
  .bg-2:hover{
  	cursor: pointer;
	animation:slide 1s;
     animation-fill-mode:forwards;
  }  
  .bg-box1{
  	width: 695px;
  	height: 375px;
  	background-color: #000000;
  	overflow: hidden;
  }
    .bg-box1 img:hover{
    	cursor: pointer;
	animation:slide 1s;
     animation-fill-mode:forwards;
    }
.bg-box3{
	width: 698px;
	height: 375px;
	background-color: #000000;
	overflow: hidden;
}    
 .bg-box3 img:hover{
 	cursor: pointer;
	animation:slide 1s;
     animation-fill-mode:forwards;
 }   
 .bg-box4{
	width: 695px;
	height: 375px;
	background-color: #000000;
	overflow: hidden;
}    
 .bg-box4 img:hover{
 	cursor: pointer;
	animation:slide 1s;
     animation-fill-mode:forwards;
 }   

